/* common */

.com_1200{

  width: 1200px;

  margin: 0 auto;

}

.com_body{

  /* background: url("../images/bodyBg02.png") repeat-y; */

  /* background-color: #a1c6ed; */ /* 不支持线性的时候显示 */

    /*background-image: linear-gradient(to right, #a1c6ed  , #eff5fd);*/
    background-color: #5FA7F0;
    background-image: linear-gradient(to right, #5FA7F0  , #8CBFF4);

}

.bodyBg{

  position: absolute;

  left: 0;

  top: 0;

  z-index: -1;

  width: 100%;
  height:100%;

}

.com_line{

  width: 100%;

  height: 2px;

  background: #0f3e84;

}

.com_tit_color{

  color: #333 !important;

}

.com_f_l{

  float: left !important;

}

.com_f_r{

  float: right !important;

}

.com_b_b{

  border-bottom: 1px solid #e5e5e5;

}

.com_p_t0{

  padding-top: 0 !important;

}

.com_p_p30{

  padding-bottom: 30px !important;

}

.com_p_t14{

  padding-top: 14px !important;

}



/* top */

.header_top{

  height: 38px;

}

.header_top_main{

  float: right;

  color: #717b87;

  height: 38px;

  line-height: 38px;

  font-size: 14px;

}

.header_top_main em{

  padding-right: 18px;

}

.header_top_main a{

  padding: 0 18px;

  color: #717b87;

}

.header_top_main span{

  padding-left: 18px;

}



/* logo */

.logo_main{

  height: 166px;

  clear: both;

}

.logo_left{

  float: left;

  width: 615px;

}

.logo_left img{

  display: inline-block;

  width: 100%;

  margin-top: 22px;

}

.logo_right{

  float: right;

  width: 440px;

}

.logo_right img{

  float: right;

  margin: 34px 0 16px 0;

}

.search_box{

  display: block;

  float: right;

  position: relative;

}

.search_box input{

  width: 440px;

  padding-left: 24px;

  padding-right: 46px;

  height: 52px;

  line-height: 52px;

  font-size: 14px;

  box-shadow: 0 0 0;

  -moz-border-radius: 56px;

  -webkit-order-radius: 56px;

  border-radius: 56px;

  border: 1px solid #fff;

  background: #fff;

}

.search_box span{

  display: inline-block;

  position: absolute;

  width: 38px;

  height: 38px;

  background: url("../images/search.png") no-repeat;

  top: 7px;

  right: 7px;

  cursor: pointer;

}



/* nav_list */

.nav_list{

  height: 64px;

  line-height: 64px;

  background: #2789ea;

}

.nav_list ul{

  width: 100%;

  height: 64px;

  overflow: hidden;

}

.nav_list ul li{

  float: left;

  line-height: 64px;

  width: 133px;

  text-align: center;

}

.nav_list ul li:last-child{

  width: 136px;

}

.nav_list ul li a{

  color: #fff;

  font-size: 18px;

  width: 94%;

 height: 100%;

 display: inline-block;

}

.nav_list ul li span{

  float: right;

  color: #fff;

  opacity: 0.2;

  font-size: 14px;

}

.nav_list ul li.cur{

  background: #f3a215;

}

.nav_list ul li:hover{

  background: #f3a215;

}



.wraper{

  height: auto;

  overflow: hidden;

  background: #fff;

  margin-top: 15px;

}

.wraper_left{

  float: left;

  position: relative;

  width: 33.2%;

  cursor: pointer;

}

.wraper_left img{

  display: block;

  width: 100%;

}

.wraper_left p{

  position: absolute;

  left: 5%;

  bottom: 0;

  width: 80%;

  height: 56px;

  line-height: 56px;

  font-size: 22px;

  color: #fff;

  font-weight: bold;

  overflow:hidden;  

  text-overflow:ellipsis; 

  white-space:nowrap;

}

.wraper_right{

  float: right;

  width: 66.8%;

}

.wraper_right ul{

  overflow: hidden;

  width: 100%;

}

.wraper_right ul li{

  float: left;

  position: relative;

  cursor: pointer;

  margin: 30px 0 0 30px;

}

.wraper_right ul li img{

  display: block;

  width: 100%;

}

.wraper_right ul li span{

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  font-size: 22px;

  color: #fff;

  line-height: 46px;

  text-align: center;

}

.homeBox div.certificate_left{

  width: 580px;

  padding-left: 0;

  margin-left: 30px;

  padding-top: 14px;

}

.homeBox div.slideBox{

  width: 570px !important;

  height: 310px !important;

}

.homeBoxText{

  font-size: 18px;

  line-height: 28px;

  padding: 14px 0 40px 0;

  font-weight: bold;

  cursor: pointer;

}

.homeBoxText:hover{

  text-decoration: underline;

}

.homeBoxList{

  width: 100%;

  margin-top: 22px;

  margin-left: 10px;

  overflow: hidden;

}

.homeBoxList li{

  width: 33.3%;

  float: left;

  text-align: center;

  border: 1px solid #ededed;

  background: #fff;

  padding-bottom: 12px;

  cursor: pointer;

}

.homeBoxList li img{

  display: block;

  margin: 0 auto;

  padding-top: 18px;

}

.homeBoxList li span{

  line-height: 34px;

  font-size: 18px;

  font-weight: bold;

}

.homeBoxList li:hover{

  background: #f7f7f7;

}

.homeBoxList li:hover span{

  color:#fb9705;

}

.homeBox div.certificate_center{

  width: 550px;

  height: 314px;

  padding: 0;

}



/* three_link */

.three_link{

  height: 64px;

  background: #d7d7d7;

  margin-top: 14px;

}

.three_link ul{

  height: 64px;

  overflow: hidden;

}

.three_link ul li{

  float: left;

  width: 33.3%;

  line-height: 60px;

  text-align: center;

}

.three_link ul li a{

  display: inline-block;

  width: 100%;

  height: 100%;

  font-size: 20px;

  border-right: solid 1px #fff;

  padding-top: 3px;

}

.three_link ul li:last-child a{

  border-right: none!important;

}

.three_link ul li.cur{

  background: #fff;

  border-bottom: 4px solid #1c57b3;

}

.three_link ul li.cur a{

  color: #1c57b3;

}

.three_link ul li:hover{

  background: #fff;

  border-bottom: 4px solid #1c57b3;

}

.three_link ul li:hover a{

  color: #1c57b3;

}



/* more */

.more_main{

  overflow: hidden;

  clear: both;

  background: #fff;

  margin-top: 16px;

  padding-bottom: 44px;

}

.more_left{

  float: left;

  width: 550px;

  margin-top: 12px;

  margin-left: 16px;

}

.com_tit{

  overflow: hidden;

  height: 70px;

  line-height: 70px;

  position: relative;

}

.com_tit h2{

  float: left;

  font-size: 22px;

  color: #f2a215;

}

.com_tit span{

  float: right;

  background: url("../images/more.png") no-repeat right center;

  padding-right: 20px;

  cursor: pointer;

  color: #666;

}

.com_tit em{

  display: inline-block;

  width: 100%;

  height: 2px;

  background: #d0d0d0;

  position: absolute;

  bottom: 0;

  left: 0;

}

.com_tit i{

  display: inline-block;

  width: 104px;

  height: 2px;

  background: #f2a215;

  position: absolute;

  bottom: 0;

  left: 0;

}

.cooperative_partner_list{

  width: 100%;

  overflow: hidden;

}

.cooperative_partner_list ul{

  width: 2000px;

  margin-top: 20px;

}

.cooperative_partner_list ul li{

  float: left;

  width: 133px;

  height: 78px;

  border: 1px solid #e8e8e8;

  position: relative;

  margin-right: 5px;

  cursor: pointer;

}

.cooperative_partner_list ul li img{

  width: auto;

  height: auto;

  max-width: 100%;

  max-height: 100%;

  position: absolute;

  margin: auto;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

}

.more_right{

  float: right;

  width: 550px;

  margin-top: 12px;

  margin-right: 16px;

}

.friendship_links{

  padding-top: 12px;



}

.friendship_links p{

  line-height: 30px;

}

.friendship_links p a{

  display: inline-block;

  padding-right: 10px;

  line-height: 12px;

  border-right: 1px solid #585858;

  color: #585858;

  font-size: 14px;

}



/* bottom_links */

.bottom_links{

  padding: 60px 0 26px 0;

}

.bottom_links ul{

  overflow: hidden;

  text-align: center;

}

.bottom_links ul li{

  display: inline-block;

}

.bottom_links ul li a{

  line-height: 20px;

  border-right: 1px solid #002f77;

  color: #002f77;

  padding: 0 9px;

  font-size: 18px;

}

.bottom_links ul li:last-child a{

  border-right: none;

}



/* footer */

.footer{

  overflow: hidden;

  padding: 50px 0;

}

.footer01{

  float: left;

}

.footer01 img{

  float: left;

  margin-right: 22px;

}

.footer01 p{

  float: left;

  width: 780px;

  line-height: 30px;

  font-size: 16px;

  color: #102e72;

}

.footer01 p span{

  float: left;

  display: inline-block;

  width: 310px;

}

.footer01 p span:nth-child(4){

  width: auto

}

.footer02{

  float: right;

}

.footer02 img{



}



/* certificate */

.certificate_main{

  background: #f9f9f9;

}

.certificate_left{

  float: left;

  padding-left: 30px;

  padding-right: 10px;

  padding-top: 10px;

  background: #fff;

}

.certificate_center{

  float: left;

  padding-left: 30px;

  padding-right: 10px;
  padding-right: 10px;
  padding-top: 10px;

  background: #fff;
  

}

.certificate_right{

  float: right;
  /* padding-right: 5px; */
  width: 290px;

}

.com_list{

  padding-top: 10px;

  margin-bottom: 20px;

}

.com_list li{

  line-height: 42px;

  font-size: 18px;

  width: 400px;

  color: #333;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  padding-left: 16px;

  background: url("../images/dian.png") no-repeat left center;

  cursor: pointer;

}

.com_list02 li a p{
	line-height: 42px;

  font-size: 18px;

  width: 380px;

  color: #333;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;
}



.certificate_line{

  overflow: hidden;

  padding-top: 20px;

  height: 136px;

  width: 400px;

  margin-bottom: 24px;

}

.certificate_line dt{

  float: left;

  padding-right: 12px;

}

.certificate_line dt img{

  display: block;

}

.certificate_line dd{

  position: relative;

  float: left;

  height: 100%;

  margin-left: 0;

}

.certificate_line dd p{

  font-size: 16px;

  line-height: 24px;

  width: 220px;

}

.certificate_line dd span{

  position: absolute;

  left: 0;

  bottom: 0;

  width: 19px;

  height: 19px;

  display: inline-block;

  background: url("../images/img06.png") no-repeat;

}

.com_list02{

  height: 142px;

}

.com_list02 li{

  margin-top: 14px;

  height: 54px;

  border-bottom: 1px solid #e5e5e5;

}

.com_list02 li img{

  float: left;

}

.com_list02 li p{

  float: left;

  line-height: 44px;

  padding-left: 10px;

  font-size: 16px;

  cursor: pointer;

  color: #333;

}

.trainingInformation .com_list02{

  height: auto;

}

.trainingInformation .com_list02 li{

  margin-top: 0;

}

.trainingInformation .com_list02 li p{

  line-height: 54px;

}

.com_list02 li:last-child{

  border-bottom: none;

}

.trainingInformation .com_list02 li:last-child{

  border-bottom: 1px solid #e5e5e5;

}

.certificate_right_main{

  width: 240px;

  margin: 0 auto;

  margin-top: 32px;

  background: #fff;

}

.certificate_right_main h2{

  height: 40px;

  line-height: 40px;

  color: #fff;

  font-size: 22px;

  background: #2789ea;

  padding-left: 12px;

  position: relative;

}

.certificate_right_main h2 span{

  display: inline-block;

  width: 14px;

  height: 11px;

  position: absolute;

  right: 15px;

  top: 15px;

  background: url("../images/img05.png") no-repeat;

}

.certificate_right_main ul{

  padding-left: 14px;

  margin-top: 6px;

  margin-bottom: 20px;

}

.certificate_right_main ul li{

  font-size: 14px;

  line-height: 30px;

  width: 220px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.certificate_right_main div{

  height: 90px;

  background: #2789ea;

  border-top: 12px solid #f9f9f9;

}

.certificate_right_main div span{

  float: left;

  display: inline-block;

  width: 38px;

  height: 41px;

  background: url("../images/img08.png") no-repeat;

  margin: 26px 16px 0 34px;

}

.certificate_right_main div p{

  float: left;

  font-size: 28px;

  line-height: 90px;

  color: #fff;

}



/* highSkill */

.highSkill{}

.highSkill div.certificate_left ul.com_list li{

  width: 353px;

}

.highSkillImg{

  width: 353px;

  display: block;

  margin: 22px 0 18px 0;

}

.prize_list{

  width: 353px;
  position: relative;
  top:-10px;

}

.prize_list li{

  float: left;

  display: inline-block;

  font-size: 16px;

  color: #2789ea;

  height: 28px;
  width:45%;

  line-height:28px;

  padding: 0 10px;

  margin: 0 10px 5px 0;

  border-radius: 0px;

  cursor: pointer;
  position: relative;

}
.prize_list li:after{
  content:'';
  width:4px;
  height:4px;
  background: #2789ea;
  border-radius:100%;
  position: absolute;
  left:0px;
  top:50%;
  margin-top: -2px;
}
.prize_list li:hover{


  color: #fff;

}
.prize_list li a{
  color:#2789ea;
  font-weight:bold;
}
.prize_list li.cur{


  color: #fff;

}



/* skillCompetition */

.skillCompetition_list{

  width: 546px;

  overflow: hidden;

}

.skillCompetition_list ul{

  overflow: hidden;

  width: 110%;

}

.skillCompetition_list ul li{

  float: left;

  width: 168px;

  margin: 18px 20px 0 0;

  cursor: pointer;

}

.skillCompetition_list ul li img{

  display: block;

  width: 100%;

  height: 94px;

}

.skillCompetition_list ul li p{

  line-height: 38px;

  font-size: 16px;

  width: 168px;

  text-align: center;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.skillCompetition ul.com_list{

  margin-top: 15px;

}

.skillCompetition ul.com_list li{

  width: 550px;

  font-size: 16px;

}



/* technicalSupport */

.technicalSupport{

  padding-bottom: 40px;

}

.technicalSupport div.skillCompetition_list{

  width: 344px;

}

.technicalSupport div.skillCompetition_list ul li{

  width: 162px;

}

.technicalSupport div.skillCompetition_list ul li img{

  width: 100%;

  height: 120px;

  display: block;

}

.technicalSupport ul.com_list02{

  width: 344px;

}

.technicalSupport ul.com_list02 li p{

  width: 290px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.technicalSupport div.technicalSupportList{

  width: 344px;

}

.technicalSupport div.technicalSupportList ul li{

  width: 90px;

  margin-right: 36px;

}

.technicalSupport div.technicalSupportList ul li img{

  width: 100%;

  height: 128px;

  display: block;

}

.technicalSupport ul.com_list li{

  width: 370px;

}

.technicalSupport_join{

  overflow: hidden;

  width: 370px;

  height: 122px;

  cursor: pointer;

}

.technicalSupport_join dt{

  float: left;

  width: 170px;

  height: 122px;

  background: #2789ea;

}

.technicalSupport_join dt img{

  display: block;

  margin: 0 auto;

  margin-top: 25px;

}

.technicalSupport_join dt p{

  line-height: 28px;

  color: #fff;

  font-size: 22px;

  text-align: center;

  padding-top: 8px;

}

.technicalSupport_join dd{

  float: left;

  width: 200px;

  height: 122px;

}

.technicalSupport_join dd img{

  display: block;

  width: 100%;

  height: 100%;

}



/*  */

.trainingInformation{}

.triangle{

  overflow: hidden;

  height: 8px;

}

.triangle img{

  display: block;

  margin-left: 70px;

}

.trainingInformation dl.technicalSupport_join{

  width: 540px;

  margin-top: 20px;

}

.trainingInformation dl.technicalSupport_join dt{

  width: 170px;

}

.trainingInformation dl.technicalSupport_join dt img{

  margin-top: 24px;

}

.trainingInformation dl.technicalSupport_join dd{

  width: 370px;

}

.trainingCalendar{

  width: 540px;

  margin-top: 14px;

}

.trainingInformation div.skillCompetition_list ul li{

  width: 106px;

  height: 88px;

  margin-right: 4px;

  margin-top: 23px;

}

.trainingInformation div.skillCompetition_list ul li img{

  width: 100%;

  height: 100%;

}



/* competitionList */

.competitionList{

  overflow: hidden;

  background: #fafafa;

}

.competitionList_left{

  float: left;

  width: 320px;

  padding: 0 20px;

}

.competitionNav{

  margin-top: 56px;

}

.competitionNav > li{

  margin-bottom: 10px;

}

.competitionNav > li div{

  width: 278px;

  height: 50px;

  background: #fff;

  color: #e3e3e3;

  cursor: pointer;

  border: 1px solid #e3e3e3;

}

.competitionNav  > li div span{

  float: left;

  display: inline-block;

  width: 13px;

  height: 13px;

  background: url("../images/img18.png");

  margin: 20px 16px 0 20px;

}

.competitionNav  > li div p{

  float: left;

  font-size: 22px;

  line-height: 50px;

  color: #2789ea;

}

.competitionNav  > li div em{

  float: right;

  display: inline-block;

  width: 23px;

  height: 23px;

  background: url("../images/img20.png");

  margin: 10px 20px 0 0;

}

.competitionNav  > li.cur div{

  background: #2789ea;

  border: 1px solid #2789ea;

}

.competitionNav > li.cur div span{

  background: url("../images/img19.png");

}

.competitionNav > li.cur div p{

  color: #fff;

}

.competitionNav > li.cur div em{

  background: url("../images/img21.png");

}

.listHide{

  width: 278px;

  border: 1px solid #e3e3e3;

  padding: 5px 0;

  display: none;

}

.listHide li{

  font-size: 18px;

  line-height: 40px;

  padding: 0 20px;

  cursor: pointer;

}

.listHide li:hover{

  color: #2789ea;

}

.competitionList_left div.slideBox{

  width: 280px !important;

  /* height: 200px !important; */

}

.competitionList_right{

  float: right;

  width: 880px;

  background: #fff;

  padding-bottom: 40px;

}

.competitionListNav{

  overflow: hidden;

  padding: 20px 24px;

  font-size: 16px;

}

.competitionListNav img{

  float: left;

  margin-right: 12px;

  margin-top: 4px;

}

.competitionListNav a{

  float: left;

}

.competitionListNav a.cur{

  color: #f2a219;

}

.competitionListNav span{

  float: left;

  padding: 0 5px;

}

.competitionList_right div.com_tit{

  width: 840px;

  margin-left: 20px;

}

.competitionList_right ul.com_list{

  width: 840px;

  margin-left: 20px;

}

.competitionList_right ul.com_list li{

  width: 840px;

  overflow: hidden;

}

.competitionList_right ul.com_list li p{

  float: left;

}

.competitionList_right ul.com_list li p:hover{

  color: #f2a219;

}

.competitionList_right ul.com_list li img{

  display: block;

  float: left;

}

.competitionList_right ul.com_list li span{

  float: right;

  font-size: 16px;

  color: #8c8c8c;

  font-weight: normal;

}

.competitionList .competitionList_right ul.com_list li{

  height: 50px;

  line-height: 50px;

  font-size: 18px;

}

.comPage{

  text-align: center;

  margin: 0 20px;

  padding-top: 30px;

  border-top: 1px solid #dedede;

}

.comPage a{

  display: inline-block;

  line-height: 12px;

  padding: 6px 10px;

  border: 1px solid #dedede;

  margin: 0 2px;

  margin-bottom: 10px;

}

.comPage a:hover{

  background: #dedede;

  color: #fff;

}

.comPage em{

  display: inline-block;

  margin: 0 2px;

  margin-bottom: 10px;

}

.comPage input{

  width: 50px;

  height: 24px;

  border: 1px solid #dedede;

  padding: 0 5px;

  text-align: center;

  margin: 0 2px;

  margin-bottom: 10px;

}

.comPage span{

  display: inline-block;

  margin: 0 2px;

  margin-bottom: 10px;

}

.searchBox{

  background: #fafafa;

  padding: 12px 50px;

  margin: 16px 20px;

}

.searchBox span{

  display: inline-block;

  width: 62px;

  height: 52px;

  line-height: 52px;

  text-align: right;

  padding-right: 16px;

  font-size: 16px;

}

.searchBox select{

  width: 156px;

  height: 50px;

  line-height: 50px;

  text-align: right;

  border: 1px solid #e3e3e3;

  padding-right: 20px;

}

.searchBox button{

  width: 160px;

  height: 50px;

  line-height: 50px;

  border: 1px solid #2789ea;

  background: #2789ea;

  color: #fff;

  font-size: 16px;

  margin-left: 10px;

}

.selectLine{

  display: none;

}



/* latestDevelopments */

.latestDevelopments{

  overflow: hidden;

}

.latestDevelopments div.competitionList_right{

  float: left;

  width: 820px;

}

.latestDevelopments  div.competitionList_right div.com_tit{

  width: 780px;

}

.latestDevelopments ul.com_list{

  width: 780px;

}

.latestDevelopments ul.com_list li{

  width: 780px;

  line-height: 30px;

  font-size: 16px;

}

.latestDevelopments ul.com_list li p{

  width: 650px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.latestDevelopments div.competitionList_left{

  width: 310px;

  margin-left: 40px;

  padding: 0;

}

.latestDevelopments div.competitionList_left div.com_tit{

  width: 310px;

}

.latestDevelopments .competitionList_left div.slideBox{

  width: 310px !important;

  height: 210px !important;

}

.hot_detail{}

.hot_detail h2{

  width: 310px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-size: 16px;

  line-height: 16px;

  padding: 20px 0 10px 0;

  cursor: pointer;

  font-weight: bold;

}

.hot_detail p{

  color: #8e8e8e;

  font-size: 16px;

  line-height: 22px;

  padding-bottom: 10px;

}

.hot_detail a{

  color: #f2a219;

  line-height: 16px;

  font-size: 14px;

}

.downTabLeft{

  float: left;

  width: 250px;

  margin: 24px 0 0 20px;

}

.downTabLeft img{

  display: block;

  margin-bottom: 44px;

}



/* downloadCenter */

.downTab{

  overflow: hidden;

  position: relative;

  z-index: 2;

}

.downTab li{

  float: left;

  font-size: 22px;

  margin-right: 40px;

  line-height: 68px;

  cursor: pointer;

}

.downTab li.cur{

  color: #f2a219;

  border-bottom: 2px solid #f2a219;

}

.surfaceJoin{

  width: 310px;

  height: 144px;

  background: #2789ea;

  overflow: hidden;

  cursor: pointer;

  margin-top: 70px;

}

.surfaceJoin img{

  float: left;

  margin: 42px 30px 0 42px;

}

.surfaceJoin p{

  float: left;

  line-height: 30px;

  padding-top: 44px;

  font-size: 22px;

  color: #fff;

}

.surfaceJoin span{

  opacity: 0.6;

}



/* newsDetail */

.newsDetailTit{

  padding-top: 20px;

  line-height: 90px;

  border-bottom: 2px solid #2789ea;

  margin: 0 50px;

  font-size: 26px;

  font-weight: bold;

  text-align: center;

}

.newsDetailMain{

  margin: 0 50px 50px 50px;

}

.sourceList{

  overflow: hidden;

  height: 72px;

  text-align: center;

  margin-bottom: 20px;

}

.sourceList li{

  line-height: 72px;

  display: inline-block;

  padding-right: 30px;

  font-size: 16px;

}

.sourceList li span{

  color: #2789ea;

}

.sourceList li em{

  display: inline-block;

  padding-left: 30px;

}

.newsDetailWraper{

  border-bottom: 1px solid #e5e5e5;

}

.newsDetailWraper p{

  font-size: 16px;

  line-height: 26px;

  text-indent: 28px;

  padding-bottom: 26px;

}

.newsDetailWraper img{

  display: block;

  margin: 0 auto;

  margin-top: 30px;

  margin-bottom: 40px;

}

.enclosureBox{

  overflow: hidden;

  padding-top: 20px;

}

.enclosureBox h2{

  line-height: 56px;

  height: 56px;

  font-size: 16px;

  font-weight: bold;

}

.enclosureBox p{

  font-size: 16px;

  line-height: 30px;

}

.enclosureBox p a{

  color: #2789ea;

}



/* certificateQuery */

.certificateQuery{

  overflow: hidden;

  min-height: 460px;

}

.certificateQueryLeft{

  width: 50%;

  min-height: 460px;

  float: left;

  background: #f4f4f4;

}

.queryListTit{

  font-size: 26px;

  text-align: center;

  height: 90px;

  line-height: 90px;

  margin-top: 36px;

}

.queryList{

  width: 83%;

  margin: 0 auto;

  position: relative;

  margin-bottom: 10px;

}

.queryList span{

  position: absolute;

  left: 16px;

  line-height: 54px;

  font-size: 16px;

}

.queryList select{

  height: 54px;

  line-height: 54px;

  border: 1px solid #e0e0e0;

  width: 100%;


  text-align: right;

  font-size: 16px;

}

.queryList input{

  height: 54px;

  line-height: 54px;

  border: 1px solid #e0e0e0;

  width: 100%;

  padding: 0 5%;

  text-align: right;

  font-size: 16px;

}

.certificateQueryRight{

  width: 50%;

  float: right;

  padding-top: 70px;

}

.certificateQueryRight img{

  width: 87%;

  display: block;

  margin: 0 auto;

  margin-bottom: 36px;

}

.queryListBtn{

  width: 83%;

  margin: 0 auto;

  text-align: center;

  margin-top: 30px;

  margin-bottom: 30px;

}

.queryListBtn button{

  display: inline-block;

  width: 186px;

  height: 52px;

  line-height: 52px;

  text-align: center;

  color: #fff;

  background: #717171;

  font-size: 16px;

  border-radius: 26px;

  font-weight: bold;

  margin: 10px 12px 0 12px;

  cursor: pointer;

}

.queryListBtn button.cur{

  background: #df7d22;

}



/* certificateDisplay */

.certificateDisplay{

  overflow: hidden;

  min-height: 460px;

}

.certificateDisplayTit{

  padding-top: 42px;

  padding-bottom: 56px;

  font-size: 24px;

  line-height: 24px;

  text-align: center;

}

.certificateDisplayList{

  overflow: hidden;

  margin-left: 40px;

}

.certificateDisplayList li{

  float: left;

  width: 270px;

  margin-right: 14px;

  cursor: pointer;

}

.certificateDisplayList li div.imgBox{

  width: 270px;

  height: 190px;

  position: relative;

  background: #e5eaee;

}

.certificateDisplayList li div.imgBox img{

  width: auto;

  height: auto;

  max-width: 100%;

  max-height: 100%;

  position: absolute;

  margin: auto;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

}

.certificateDisplayList li div.imgBox div{

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background: #000;

  opacity: 0.5;

  display: none;

}

.certificateDisplayList li div.imgBox span{

  text-align: center;

  display: inline-block;

  width: 90%;

  position: absolute;

  left: 5%;

  top: 30%;

  font-size: 16px;

  line-height: 24px;

  color: #fff;

  display: none;

}

.certificateDisplayList li div.imgBox em{

  display: inline-block;

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 16px;

  height: 5px;

  margin-left: -8px;

  background: url("../images/img24.png") no-repeat;

  display: none;

}

.certificateDisplayList li p{

  height: 56px;

  line-height: 56px;

  text-align: center;

  width: 270px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-size: 16px;

}

.certificateDisplayList li:hover p{

  background: #2789ea;

  color: #fff;

}

.certificateDisplayList li:hover div.imgBox div , .certificateDisplayList li:hover div.imgBox span , .certificateDisplayList li:hover div.imgBox em{

  display: block;

}



/* introductionCenter */

.introductionCenter{

  min-height: 460px;

}

.introductionCenterMain{

  overflow: hidden;

  padding-top: 40px;

}

.introductionCenterMain dt{

  float: left;

  padding-left: 40px;

}

.introductionCenterMain dt img{

  display: block;

  width: 264px;

}

.introductionCenterMain dd{

  float: left;

  width: 810px;

  padding-left: 36px;

}

.introductionCenterMain dd h2{

  height: 54px;

  border-left: 5px solid #f1a114;

  font-size: 18px;

  font-weight: bold;

  line-height: 26px;

  padding-left: 16px;

  position: relative;

  margin-bottom: 50px;

}

.introductionCenterMain dd h2 span{

  font-size: 24px;

  color: #f1a114;

}

.introductionCenterMain dd h2 em{

  position: absolute;

  bottom: 0;

  right: 0;

  display: inline-block;

  width: 87%;

  height: 2px;

  background: #f1a114;

}

.introductionCenterMain dd p{

  font-size: 16px;

  line-height: 30px;

  padding-bottom: 30px;

  padding-left: 22px;

}

.cooperativePartnerList{

  width: 840px;

  margin-left: 20px;

}

.cooperativePartnerList ul{

  width: 105%;

  padding-bottom: 20px;

  overflow: hidden;

}

.cooperativePartnerList ul li{

  width: 200px;

  height: 70px;

  margin-right: 10px;

  margin-bottom: 10px;

}



/* dialog */

.dialogShadow{

  position: fixed;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background: #000;

  opacity: 0.5;

  z-index: 10;

  display: none;

}

.dialogMain{

  position: fixed;

  left: 50%;

  top: 50%;

  width: 530px;

  height: 290px;

  margin-top: -145px;

  margin-left: -265px;

  background: #fff;

  z-index: 11;

  display: none;

}

.dialogMain h2{

  text-align: center;

  height: 38px;

  line-height: 38px;

  font-size: 26px;

  margin-top: 32px;

}

.dialogMain h2 em{

  display: inline-block;

  width: 37px;

  height: 37px;

  background: url("../images/img25.png") no-repeat;

  vertical-align: bottom;

  margin-right: 10px;

}

.dialogMain i{

  position: absolute;

  right: 10px;

  top: 10px;

  cursor: pointer;

  padding: 5px;

}

.dialogMain p{

  text-align: center;

  padding: 56px 10px;

}

.dialogMain button{

  display: block;

  margin: 0 auto;

  width: 100px;

  height: 40px;

  border-radius: 2px;

  font-size: 16px;

  background: #2789ea;

  color: #fff;

  cursor: pointer;

}



/* certificateQueryResult */

.certificateQueryResult{

  padding: 0 46px;

  padding-bottom: 50px;

}

.msgTit{

  padding-top: 44px;

  font-size: 22px;

  line-height: 66px;

  color: #2789ea;

}

.msgTable{

  border-collapse: collapse;

  width: 100%;

  margin-bottom: 50px;

}

.msgTable tr{

  height: 50px;

}

.msgTable tr td{

  padding: 0 20px;

  border: 1px solid #d1d1d1;

  font-size: 16px;

}

.comTd01{

  width: 16%;

  background: #e0e9f3;

  text-align: right;

  font-weight: bold;

}

.comTd02{

  width: 34%;

}



/* centralTask */

.centralTask{

  padding: 0 30px 50px 30px ;

}



/* downloadCenterMain */

.downloadCenterMain div.competitionList_right{

  float: left;

  width: 820px;

}

.downloadCenterMain  div.competitionList_right div.com_tit{

  width: 780px;

}

.downloadCenterMain ul.com_list{

  width: 500px;

}

.downloadCenterMain ul.com_list li{

  width: 500px;

}

.downloadCenterMain ul.com_list li p{

  width: 500px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.downloadCenterMain div.competitionList_left {

  width: 310px;

  margin-left: 40px;

  padding: 0;

}

.downloadCenterMain div.competitionList_left div.com_tit{

  width: 310px;

}

.downloadCenterMain .competitionList_left div.slideBox{

  width: 310px !important;

  height: 210px !important;

}

.updata01 li{

  margin-top: 26px !important;

}

.updata01 li p{

  padding-top: 14px !important;

  line-height: 16px !important;

}

.updata02{

  height: auto !important;

}

.updata02 li{

  margin-top: 20px;

  height: 66px;

}

.updata03 li{

  margin-top: 10px !important;

}





/* 小屏幕（屏幕小于等于 750px） */

@media only screen and (max-width: 900px){

  .com_1200{

    width: 750px;

  }

	.header_top{

    display: none;

  }

  .logo_main{

    height: 100px;

  }

  .logo_left{

    width: 300px;

  }

  .logo_right img{

    display: none;

  }

  .search_box{

    margin-top: 22px;

  }

  .search_box input{

    width: 300px;

  }

  .nav_list ul li{

    width: 83px;

  }

  .nav_list ul li a{

    font-size: 14px;

  }

  .three_link{

    width: 750px;

  }

  .three_link ul li a{

    font-size: 16px;

  }

  .more_left{

    width: 724px;

  }

  .cooperative_partner_list ul li{

    width: 176px;

    height: 103px;

  }

  .more_right{

    float: left;

    width: 724px;

    margin-left: 16px;

  }

  .footer01 img{

    width: 60px;

  }

  .footer01 p{

    width: 400px;

  }

  .com_list li{

    width: 700px;

  }

  .certificate_line{

    width: 700px;

  }

  .certificate_line dd p{

    width: 500px;

  }

  .certificate_right{

    float: left;

  }

  .certificate_right{

    width: 750px;

  }

  .certificate_right_main{

    width: 690px;

  }

  .wraper_left{

    width: 100%;

  }

  .wraper_right{

    float: left;

    width: 100%;

  }

  .wraper_right ul{

    padding-bottom: 30px;

  }

  .wraper_right ul li{

    width: 28%;

  }

  .highSkillSmall ul.prize_list{

    width: 680px !important;

  }

  .highSkillSmall img.highSkillImg{

    width: 100%;

  }

  .highSkill div.certificate_left ul.com_list li , .highSkillImg{

    width: 320px;

  }

  .skillCompetition ul.com_list li{

    width: 690px;

  }

  .skillCompetition ul.com_list02 li{

    width: 690px;

  }

  div.slideBox ul.items li , div.slideBox{

    width: 690px !important;

    height: 176px !important;

  }

  .technicalSupport div.skillCompetition_list_small{

    width: 690px;

  }

  .skillCompetition_list_small ul li{

    margin-right: 14px;

  }

  .technicalSupport ul.com_list02{

    width: 690px;

  }

  .technicalSupport ul.com_list02 li p{

    width: 600px;

  }

  .technicalSupport div.technicalSupportList{

    width: 690px;

  }

  .technicalSupport ul.com_list li{

    width: 690px;

  }

  .technicalSupport_join{

    width: 690px;

  }

  .technicalSupport_join dt , .technicalSupport_join dd{

    width: 50%;

  }

  .trainingInformation{

    padding-bottom: 20px;

  }

  .trainingInformation dl.technicalSupport_join{

    width: 700px;

  }

  .trainingInformation dl.technicalSupport_join dt{

    width: 316px;

  }

  .triangle img{

    margin-left: 150px;

  }

  .trainingCalendar{

    width: 700px;

  }

  .competitionList_left div.slideBox , .competitionList_left div.slideBox ul.items li{

    width: 280px !important;

    height: 200px !important;

  }

  .competitionList_right{

    width: 430px;

  }

  .competitionList_right div.com_tit{

    width: 390px;

  }

  .competitionList_right ul.com_list li{

    width: 390px;

  }

  .competitionList_right ul.com_list li p{

    width: 270px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

  }

  .latestDevelopments div.competitionList_right{

    width: 390px;

  }

  .latestDevelopments div.competitionList_right div.com_tit{

    width: 390px;

  }

  .latestDevelopments ul.com_list{

    width: 390px;

  }

  .latestDevelopments .competitionList_left div.slideBox , .latestDevelopments .competitionList_left div.slideBox ul.items li{

    width: 310px !important;

    height: 210px !important;

  }

  .certificateDisplayList li{

    margin-right: 80px;

    margin-bottom: 50px;

  }

  .introductionCenterMain dd{

    width: 420px;

  }

  .selectLine{

    display: block;

  }

  .cooperativePartnerList{

    width: 400px;

  }

  .homeBox div.certificate_left{

    width: 690px;

  }

  .homeBox div.slideBox , .homeBox div.slideBox ul.items li{

    width: 690px !important;

    height: 374px !important;

  }

  .homeBox div.certificate_center{

    width: 690px;

    height: 370px;

  }

  .homeBoxList{

    margin-left: 30px;

    margin-bottom: 30px;

  }

  .searchBox span , .searchBox select , .searchBox button{

    margin-bottom: 20px;

  }

  .bottom_links ul li a{

    padding: 0 6px;

  }

  .downloadCenterMain div.competitionList_right{

    width: 750px;

  }

  .downloadCenterMain div.competitionList_right div.com_tit{

    width: 710px;

  }

  .downloadCenterMain ul.com_list , .downloadCenterMain div.competitionList_right ul.com_list li{

    width: 440px;

  }

  .downloadCenterMain div.competitionList_right ul.com_list li p{

    width: 420px;

  }

  .downloadCenterMain div.competitionList_left{

    width: 750px;

  }

  .downloadCenterMain div.competitionList_left .surfaceJoin{

    float: left;

    margin-top: 0;

    margin-right: 50px;

    margin-bottom: 50px;

  }

  .bottom_links ul li{

    margin-bottom: 10px;

  }

}



.light_main{
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
}
.light_main .item{
  margin-top: 15px;
}
.light_main .item .tit{
    background:url(../images/lightjian1.png) no-repeat 98% center rgb( 250, 250, 250 );
    width: 100%;
    height: 58px;
    line-height:58px;
    padding-left: 20px;
    box-sizing: border-box;
    font-size:16px;
    color:#000;
    font-weight:bold;
    transition:all .4s ease-in-out;
    cursor:pointer;
}
.light_main .item .item_xl{
  display: none;
}
.light_main .item .cont{
  background: #f8fcff;
  padding:15px;
  border:solid 2px #2789ea;
}
.light_main .item .cont .tit1{
  color:#2789ea;
  font-size:14px;
  font-weight: bold;
}
.light_main .item .cont .note{
  color:#000000;
  font-size:14px;
  line-height:22px;
  margin-top: 10px;
}
.light_main .item .cont .more{
  text-align: right;
  padding-top: 20px;
}
.light_main .item .cont .more a{
  display: inline-block;
  background-color: rgb( 39, 137, 234 );
  width: 94px;
  height: 34px;
  color:#fff;
  text-align: center;
  font-size:14px;
  line-height:34px;

}
.light_main .item.on .tit{
  color:#fff;
  background: #2789ea;
  background:url(../images/lightjian2.png) no-repeat 98% center #2789ea;

}

.f_select{
  height: 54px;
  line-height: 54px;
  border: 1px solid #e0e0e0;
  width: 100%;
  text-align: right;
  font-size: 16px;
  padding:0 5%;
  position: relative;
  background:url(../images/lightjian3.png) no-repeat 98% center #fff;
  cursor: pointer;
}
.f_select .f_xl{
  position: absolute;
  top:52px;
  left:-1px;
  width:498px;
  border:solid 1px #e0e0e0;
  background: #fff;
  display: none;
}
.f_select .f_xl .item{
  height:30px;
  line-height:30px;
  color:#000;
  padding-right: 40px;
}
.f_select .note{
  height:54px;
  line-height:54px;
  color:#000;
  font-size:16px;
  padding-right:16px;
}
.queryList span{
  top:0;
  z-index:3;
}
.f_select .f_xl .item:hover{
  background: #2789ea;
  color:#fff;
}
.light_pic img{
    width:100%;
}
.light_main1 .light_pic{
  margin-top: 15px;
}
.light_main1 .com_list li{
  width:100%;
}
.light_main1 .com_list li p{
  width:400px;
  overflow: hidden;
  height:30px;
}
.light_main1 .com_list li span{
  color:rgba(0,0,0,.6);
}
/* 清除浮 动*/
.fix { *zoom:1; }
.fix:after { content:" "; display:block; height:0; clear:both; visibility:hidden; font-size:0;}
.fl{
  float: left;
}
.fr{
  float:right;
}
.light_main2{
  padding-top: 20px;
}
.light_main2 .fl{
  width:175px;
  height:152px;
  text-align: center;
  box-sizing: border-box;
  padding-top: 39px;
  color:#fff;
  font-size:22px;
  background: #2789ea;
  position: relative;
}
.light_main2 .fl:after{
  content:'';
  width:12px;
  height:31px;
  position: absolute;
  top:50%;
  margin-top: -15px;
  right:-12px;
  background: url(../images/lanjian.png) no-repeat center center;
}
.light_main2 .cont{
  margin-left: 200px;
  overflow: hidden;
}
.light_main2 .cont .com_list02 li{
  height:44px;
  overflow: hidden;
}
.light_main2 .cont .com_list02 li p{
  line-height:44px;
}



#skillCompetitionRotation.lightdiv{
  height:370px!important;
  padding-bottom: 50px;
}
#skillCompetitionRotation.lightdiv div.tips{
  bottom:50px;
  overflow:visible;
}
#skillCompetitionRotation.lightdiv ul.items{
  height:320px;
}
#skillCompetitionRotation.lightdiv div.tips div.nums{
  text-align: center;
  top:35px;
}
#skillCompetitionRotation.lightdiv div.tips div.nums a{
  background: #eee;
}
#skillCompetitionRotation.lightdiv div.tips div.nums a.active{
  background: #f0a315;
}